<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>外边距</title>
		<style>
			/*初始化所有内外边距，写在样式最开始的位置*/
			*{  /*通配符；指所有的标签   */      }
				margin: 0;
				padding: 0;
			.box1{
				width: 300px;
				height: 300px;
				background-color: pink;
				/*设置盒子居中，给盒子左右外边距设置为auto(自动)*/
				/*margin: 10px auto ;*/
				
			}
			.box2{
				width: 5rem;
				height: 5rem;
				background-color: skyblue;
			}
		</style>
	</head>
	<body>
	<div class="box1"></div>
	<div class="box2"></div>
	</body>
</html>